.horizontal-gallery {
    display: flex; /* Use flexbox to align elements */
    align-items: center; /* Center vertically */
    overflow: hidden; /* Hide overflow for the container */
    padding: 10px; /* Padding around the gallery */
}

.image-scroll {
    display: flex; /* Horizontally align images */
    overflow-x: auto; /* Enable horizontal scrolling */
    scroll-behavior: smooth; /* Smooth scrolling */
}

.image-container {
    margin: 0 5px; /* Spacing between images */
}

.image {
    width: 100px; /* Fixed width for images */
    height: 100%; /* Maintain aspect ratio */
    border: 2px solid #007bff; /* Optional border styling */
    border-radius: 4px; /* Optional border radius */
}

.arrow {
    background-color: #007bff; /* Background color for arrow buttons */
    color: white; /* Text color */
    border: none; /* No border */
    padding: 10px 15px; /* Padding */
    cursor: pointer; /* Pointer cursor on hover */
    border-radius: 4px; /* Rounded corners */
}

.arrow:hover {
    background-color: #0056b3; /* Darker background on hover */
}